<%inherit file="../_base1col.html"/>


<%def name="title()">New CSS Form </%def>


<div id="profile" class="base_form main_form" style="padding:8px;">

  <form action="/users" id="signup_form" method="post">    
    <h1>Sign up <a href="/login">(log in)</a></h1>

    <label for="user_email" class="required">
      Email Address<br />
      <input class="text" id="email" name="email" size="30" type="text" value="" />
    </label>
    
    <label for="password" class="error">
      With Error<br />
      <input class="text" id="name" name="name" size="30" value="" />
    </label>
    <div class="half_width">
            <label for="user_display_name">First name</label>
            <input id="user_first_name" type="text" value="" size="30" name="user[first_name]" maxsize="200"/>
    </div>
    <div class="half_width">
            <label for="user_display_name">Last name</label>
            <input id="user_last_name"  type="text" value="" size="30" name="user[last_name]" maxsize="200"/>
    </div>
    <p class="note clear">this is a p class= note</p>
    <label for="description" class="">
      About <a href="/description/" target="_blank">(explain this piece)</a><br />
      <small>Please enter just once <strong>not required</strong> to sign up.</small>
      
      <textarea cols="40" id="description" name="description" rows="20" style="width: 54em; height: 6em;"></textarea>
    </label>
      <div style="background:#FFF; border:1px solid #888; padding:10px; margin-top:25px; width:400px;">

        Your are signing up for Demisauce.com, a free service
        
        <br />
        <input type="checkbox" id="signup-terms" /> 
        
        <span for="signup-terms" style="background:#fffccc; font-size:14px; display: inline;">
          I agree to the <a href="/site/terms">Terms of Service</a>, <a href="/site/privacy">Privacy</a>, and <a href="/site/refund">Refund</a> policies.
        </span>
        <div class="actions" style="margin-top:10px;">

          <br /><br />
          <input type="submit" value="Sign up!" disabled="disabled" id="signup-button" />
        </div>
      </div>
    
  </form>
</div>
<br />

<div class="yui-g base_form" >
    <div class="yui-u first">
        <div class="small_form">
          <form action="/users" id="signup_form" method="post">    
            <h1>Sign up <a href="/login">(log in)</a></h1>

            <label for="login">
              Username<br />
              <input class="text" id="username" name="username" size="30" style="width: 25em;" type="text" value="" />
            </label>

            <label for="user_email" class="required">
              Email Address<br />
              <input class="text" id="email" name="email" size="30" style="width: 25em;" type="text" value="" />
            </label>

            <label for="password" class="error">
              With Error<br />
              <input class="text" id="name" name="name" size="30" value="" />
            </label>

            <p class="note">this is a p class= note</p>
            <label for="description" class="">
              About <a href="/description/" target="_blank">(explain this piece)</a><br />
              <small>Please enter just once <strong>not required</strong> to sign up.</small>

              <textarea cols="40" id="description" name="description" rows="3" ></textarea>
            </label>
              <div style="background:#FFF; border:1px solid #888; padding:10px; margin-top:25px; width:400px;">

                Your are signing up for Demisauce.com, a free service

                <p style="margin-top:10px;">
                  <input type="checkbox" id="signup-terms" /> 
                  <label for="signup-terms" style="background:#fffccc; font-size:14px; display: inline;">
                    I agree to the <a href="/site/terms">Terms of Service</a>, <a href="/site/privacy">Privacy</a>, and <a href="/site/refund">Refund</a> policies.
                  </label>
                  <br /><br />
                  <input type="submit" value="Sign up!" disabled="disabled" id="signup-button" />
                </p>
              </div>
          </form>
        </div>
    </div>
    <div class="yui-u">
        <div id="profile" class="small_form">
          <form action="/users" id="signup_form" method="post">    
            <h1>Sign up <a href="/login">(log in)</a></h1>

            <label for="login">
              Username<br />
              <input class="text" id="username" name="username" size="30" style="width: 25em;" type="text" value="" />
            </label>

            <label for="user_email" class="">
              Email Address<br />
              <input class="text" id="email" name="email" size="30" style="width: 25em;" type="text" value="" />
            </label>

            <label for="password" class="error">
              With Error<br />
              <input class="text" id="name" name="name" size="30" value="" />
            </label>

            <p class="note">this is a p class= note</p>
            <label for="description" class="">
              About <a href="/description/" target="_blank">(explain this piece)</a><br />
              <small>Please enter just once <strong>not required</strong> to sign up.</small>

              <textarea cols="40" id="description" name="description" rows="3" ></textarea>
            </label>
              <div style="background:#FFF; border:1px solid #888; padding:10px; margin-top:25px; width:400px;">

                Your are signing up for Demisauce.com, a free service

                <p style="margin-top:10px;">
                  <input type="checkbox" id="signup-terms" /> 
                  <label for="signup-terms" style="background:#fffccc; font-size:14px; display: inline;">
                    I agree to the <a href="/site/terms">Terms of Service</a>, <a href="/site/privacy">Privacy</a>, and <a href="/site/refund">Refund</a> policies.
                  </label>
                  <br /><br />
                  <input type="submit" value="Sign up!" disabled="disabled" id="signup-button" />
                </p>
              </div>

          </form>
        </div>
    </div>
</div>

<br /><br />
<form action="/users" id="signup_form" method="post">  
<div class="base_form main_form" >
    <div class="yui-g">
        <div class="yui-u first form_2col">
            <div >
            
                <h1>Sign up <a href="/login">(log in)</a></h1>
                <label for="login">
                  Username<br />
                  <input class="text" id="username" name="username" size="30" style="width: 25em;" type="text" value="" />
                </label>

                <label for="user_email" class="required">
                  Email Address<br />
                  <input class="text" id="email" name="email" size="30" style="width: 25em;" type="text" value="" />
                </label>

                <label for="password" class="error">
                  With Error<br />
                  <input class="text" id="name" name="name" size="30" value="" />
                </label>

                <p class="note">this is a p class= note</p>
                <label for="description" class="">
                  About <a href="/description/" target="_blank">(explain this piece)</a><br />
                  <small>Please enter just once <strong>not required</strong> to sign up.</small>

                  <textarea cols="40" id="description" name="description" rows="3" ></textarea>
                </label>
                  <div style="background:#FFF; border:1px solid #888; padding:10px; margin-top:25px; width:400px;">

                    Your are signing up for Demisauce.com, a free service

                    <p style="margin-top:10px;">
                      <input type="checkbox" id="signup-terms" /> 
                      <label for="signup-terms" style="background:#fffccc; font-size:14px; display: inline;">
                        I agree to the <a href="/site/terms">Terms of Service</a>, <a href="/site/privacy">Privacy</a>, and <a href="/site/refund">Refund</a> policies.
                      </label>
                      <br /><br />
                      <input type="submit" value="Sign up!" disabled="disabled" id="signup-button" />
                    </p>
                  </div>
            </div>
        </div>
        <div class="yui-u">
            <div id="profile" class="form_2col">
                <h1>Sign up <a href="/login">(log in)</a></h1>

                <label for="login">
                  Username<br />
                  <input class="text" id="username" name="username" size="30" style="width: 25em;" type="text" value="" />
                </label>

                <label for="user_email" class="">
                  Email Address<br />
                  <input class="text" id="email" name="email" size="30" style="width: 25em;" type="text" value="" />
                </label>

                <label for="password" class="error">
                  With Error<br />
                  <input class="text" id="name" name="name" size="30" value="" />
                </label>

                <p class="note">this is a p class= note</p>
                <label for="description" class="">
                  About <a href="/description/" target="_blank">(explain this piece)</a><br />
                  <small>Please enter just once <strong>not required</strong> to sign up.</small>

                  <textarea cols="40" id="description" name="description" rows="3" ></textarea>
                </label>
                  <div style="background:#FFF; border:1px solid #888; padding:10px; margin-top:25px; width:400px;">

                    Your are signing up for Demisauce.com, a free service

                    <p style="margin-top:10px;">
                      <input type="checkbox" id="signup-terms" /> 
                      <label for="signup-terms" style="background:#fffccc; font-size:14px; display: inline;">
                        I agree to the <a href="/site/terms">Terms of Service</a>, <a href="/site/privacy">Privacy</a>, and <a href="/site/refund">Refund</a> policies.
                      </label>
                      <br /><br />
                      <input type="submit" value="Sign up!" disabled="disabled" id="signup-button" />
                    </p>
                  </div>
            </div>
        </div>
    </div>
    <div class="actions">
        <input type="submit" class="primaryAction" id="submit" value="Save &#187;">
        &nbsp;&nbsp;<a href="#" id="cancelnode">cancel</a>
    </div>
</div>
</form>
